<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%@ include file="include/resources.jsp"%>
<title>My Album</title>
<script type="text/javascript" src="/MyBlog/js/album.js"></script>
</head>
<body>
      <%@include file="include/header.jsp"%>
      <button class="btn btn-success" type="button" data-toggle="modal" data-target="#myModal">添加相册</button>
      <!--相册上传的模态窗体-->
      <%@include file="/modal/album_upload.jsp" %>
      <!--相册修改的模态窗体-->
      <%@include file="/modal/album_update.jsp" %>
      
      
      <div class="container">
            <div class="row" >
                <c:forEach items="${albums}" var="album" >
                   <div style="height:410px;width:200px;margin-right:50px;cursor:pointer;" id="${album.id}" class="album_div">
                        <input hidden value="${album.id}" class="album_id_class"> 
                        <input hidden value="${album.title}" class="album_title_class"> 
                        <input hidden value="${album.describ}" class="album_describ_class"> 
                        <div style="width:200px;height:200px;background-color:blue">
                         ${album.title }
                         <br/>
                         <br/>
                         <br/>
                         ${album.describ}
		                   </div>
		                   <div style="width:200px;height:70px;background-color:yellow">
		                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-primary" id="update_album_button">修改</button>&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-danger deleteAlbum" ><span id="${album.id}">删除</span></button>
		                   </div>
                   </div> 
                </c:forEach>
            </div>
      </div> 
</body>
</html>